.item-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  background-color: aqua;
  .item1,
  .item3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    li {
      width: 33.33vw;
      height: 25vh;
      position: relative;
    }
    img{
      position: absolute;
    }
  }
  .item1 {
    li {
      &:nth-of-type(1) {
        background-color: rgb(207, 152, 137);
        img{
          width: 80%;
          top: 30%;
          left: 5%;
        }
      }
      &:nth-of-type(2) {
        background-color: rgb(203, 92, 195);
        img{
          width: 70%;
          bottom: 0;
          left: 15%;
        }
      }
      &:nth-of-type(3) {
        background-color: rgb(58, 103, 240);
        img{
          width: 70%;
          bottom: 25%;
          left: 15%;
        }
      }
      &:nth-of-type(4) {
        background-color: rgb(111, 112, 113);
        img{
          width: 70%;
          bottom: 0;
          left: 15%;
        }
      }
    }
  }
  .item3 {
    li {
      &:nth-of-type(1) {
        background-color: rgb(246, 227, 53);
        img{
          width: 80%;
          bottom: 0;
          left: 10%;
        }
      }
      &:nth-of-type(2) {
        background-color: rgb(217, 132, 32);
        img{
          width: 90%;
          top: 0;
          right: 0;
        }
      }
      &:nth-of-type(3) {
        background-color: rgb(134, 204, 238);
        img{
          width: 90%;
          bottom: 0;
          left: 5%;
        }
      }
      &:nth-of-type(4) {
        background-color: rgb(119, 28, 223);
        img{
          width: 90%;
          bottom: 0;
          left: 5%;
        }
      }
    }
  }

  .item2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    li {
      width: 33.33vw;
      height: 33.33vh;
      position: relative;
      img{
        position: absolute;
      }
      &:nth-of-type(1) {
        background-color: rgb(155, 236, 208);
        img{
          width: 80%;
          bottom: 0;
          left: 10%;
        }
      }
      &:nth-of-type(2) {
        background-color: rgb(10, 7, 62);
        img{
          width: 80%;
          bottom: 10%;
          left: 10%;
        }
      }
      &:nth-of-type(3) {
        background-color: rgb(134, 203, 131);
        img{
          width: 80%;
          bottom: 30%;
          left: 10%;
        }
      }
    }
  }
}
